{extend name="public/public"} {block name='css'}
<link rel="stylesheet" href="/static/web/css/index.css" />
{/block} {block name="content"}
<div class="hero-slider">
  {volist name="banner" id="vo"}
  <div class="single-slide" style="background-image: url(/uploads/{$vo.img})">
    <div class="inner">
      <div class="container">
        <div class="row">
          <div class="col-lg-6">
            <div class="slide-content">
              <a href="/vue" target="_blank">
                <h2>{$vo.text}</h2>
                <p>{$vo.other}</p>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  {/volist}
</div>

<div class="service-area bg2 sp">
  <div class="container">
    <div class="section-title">
      <h2>我们的服务</h2>
      <p>服务项目;我们的服务;服务内容;服务范围</p>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6 single-service">
        <div class="inner">
          <div class="title">
            <div class="icon">
              <i class="fa fa-film"></i>
            </div>
            <h4>定制开发</h4>
          </div>
          <div class="content">
            <p>小程序，官网，公众号，app...等等</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 single-service">
        <div class="inner">
          <div class="title">
            <div class="icon">
              <i class="fa fa-camera"></i>
            </div>
            <h4>定制开发</h4>
          </div>
          <div class="content">
            <p>小程序，官网，公众号，app...等等</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 single-service">
        <div class="inner">
          <div class="title">
            <div class="icon">
              <i class="fa fa-music"></i>
            </div>
            <h4>定制开发</h4>
          </div>
          <div class="content">
            <p>小程序，官网，公众号，app...等等</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 single-service">
        <div class="inner">
          <div class="title">
            <div class="icon">
              <i class="fa fa-bullhorn"></i>
            </div>
            <h4>定制开发</h4>
          </div>
          <div class="content">
            <p>小程序，官网，公众号，app...等等</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 single-service">
        <div class="inner">
          <div class="title">
            <div class="icon">
              <i class="fa fa-magic"></i>
            </div>
            <h4>定制开发</h4>
          </div>
          <div class="content">
            <p>小程序，官网，公众号，app...等等</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 single-service">
        <div class="inner">
          <div class="title">
            <div class="icon">
              <i class="fa fa-bar-chart"></i>
            </div>
            <h4>定制开发</h4>
          </div>
          <div class="content">
            <p>小程序，官网，公众号，app...等等</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="portfolio-area sp">
  <div class="container">
    <div class="section-title">
      <h2>我们的产品</h2>
      <p>对我们的服务如有不满，请函告经理。</p>
    </div>
    <div class="row">
      {volist name="productData" id="vo"}
      <div class="single-portfolio col-md-4">
        <div class="inner">
          <div class="portfolio-img">
            <img src="/uploads/{:explode(',',$vo.img)[0]}" alt="portfolio-image" />
            <div class="hover-content">
              <div>
                <a
                  href="{:url('product_details')}?type_id={$vo['type_id']}&id={$vo['id']}"
                  class="button"
                  >{$vo.name}</a
                >
              </div>
            </div>
          </div>
          <div class="portfolio-content">
            <a
              href="{:url('product_details')}?type_id={$vo['type_id']}&id={$vo['id']}"
              ><h3>￥{$vo.price}</h3></a
            >
            <span>{$vo.name}</span>
          </div>
        </div>
      </div>
      {/volist}
    </div>
    <div class="row">
      <div class="col-12 text-center" data-margin="40px 0 0">
        <a href="{:url('product')}" class="button">查看更多</a>
      </div>
    </div>
  </div>
</div>

<div class="an1">
  <div class="an-pc">
    <div class="a1"><img src="/static/web/img/1.jpg" alt="" /></div>
    <div class="a2 flex">
      <div class="a3">
        <div class="a5">
          <div class="a10">
            <div class="a11">关于我们</div>
            <div class="a12">About us</div>
            <div class="a13"></div>
            <div class="a14">{$c['web_synopsis']}</div>
            <div class="a15"><a href="/index/index/contact">联系我们</a></div>
          </div>
        </div>
      </div>
      <div class="a4 flex">
        <div class="a6">
          <div class="a7"><img src="/static/web/img/2.png" alt="" /></div>
          <div class="a8"><span>2025</span>+</div>
          <div class="a9">成立于</div>
        </div>
        <div class="a6">
          <div class="a7"><img src="/static/web/img/3.png" alt="" /></div>
          <div class="a8"><span>2025</span>+</div>
          <div class="a9">生产基地</div>
        </div>
        <div class="a6">
          <div class="a7"><img src="/static/web/img/1.png" alt="" /></div>
          <div class="a8"><span>2025</span>+</div>
          <div class="a9">自主专利</div>
        </div>
        <div class="a6">
          <div class="a7"><img src="/static/web/img/4.png" alt="" /></div>
          <div class="a8"><span>2025</span>+</div>
          <div class="a9">合作客户</div>
        </div>
      </div>
    </div>
  </div>
  <div class="an-mobile">
    <div
      class="a16"
      style="background: url(/static/web/img/1.jpg) no-repeat center center"
    ></div>
    <div class="a17">
      <div class="a18">
        <div class="a10">
          <div class="a11">关于我们</div>
          <div class="a12">About us</div>
          <div class="a13"></div>
          <div class="a14">{$c['web_synopsis']}</div>
          <div class="a15"><a href="/index/index/contact">联系我们</a></div>
        </div>
      </div>
    </div>
    <div class="a19 cle">
      <div class="a6">
        <div class="a7"><img src="/static/web/img/2.png" alt="" /></div>
        <div class="a8"><span>2025</span>+</div>
        <div class="a9">成立于</div>
      </div>
      <div class="a6">
        <div class="a7"><img src="/static/web/img/3.png" alt="" /></div>
        <div class="a8"><span>2025</span>+</div>
        <div class="a9">生产基地</div>
      </div>
      <div class="a6">
        <div class="a7"><img src="/static/web/img/1.png" alt="" /></div>
        <div class="a8"><span>2025</span>+</div>
        <div class="a9">自主专利</div>
      </div>
      <div class="a6">
        <div class="a7"><img src="/static/web/img/4.png" alt="" /></div>
        <div class="a8"><span>2025</span>+</div>
        <div class="a9">合作客户</div>
      </div>
    </div>
  </div>
</div>

<!-- 自定义内容模块 -->
<div style="padding: 0 50px">{$pageData['content']|raw}</div>

<div class="testimonial-area sp bg1">
  <div class="container">
    <div class="section-title white">
      <h2>我们的团队</h2>
      <p>协同合作，创新奋进，追求卓越，高效团队。</p>
    </div>
    <div class="testimonial-slider">
      {volist name="person" id="vo"}
      <div class="single-slide" style="height: 260px">
        <div class="inner">
          <div class="client-info">
            <div class="client-img">
              <img src="/uploads/{$vo['img']}" alt="client" />
            </div>
            <div class="client-data">
              <h4>{:preg_split('/;|；|\s+/',$vo['text'])[0]}</h4>
              <span>{:preg_split('/;|；|\s+/',$vo['text'])[1]}</span>
            </div>
          </div>
          <p style="margin: 1rem 0 0">{$vo['other']}</p>
        </div>
      </div>
      {/volist}
    </div>
  </div>
</div>

<div class="testimonial-area sp">
  <div class="container">
    <div class="section-title" data-margin="0 0 40px">
      <h2>我们的文化</h2>
      <p>缔造全球领先的空调企业，成就格力百年的世界品牌</p>
    </div>
    <div class="row">
      <div class="col-md-6 single-gallery">
        <div class="inner">
          <img src="/uploads/{$cultureImg[0]['img']}" alt="" />
        </div>
      </div>
      <div class="col-md-6">
        <div class="row">
          {volist name="cultureImg" id="vo" offset="1" length='4'}
          <div class="col-sm-6 single-gallery">
            <div class="inner">
              <img src="/uploads/{$vo['img']}" alt="" />
            </div>
          </div>
          {/volist}
        </div>
      </div>
    </div>
  </div>
</div>

<div class="faq-area sp bg2">
  <div class="container">
    <div class="section-title">
      <h2>常见问题解答</h2>
      <p>饥荒和持续不断的饥饿是没有必要的。乌龟比生命还快。</p>
    </div>
    <div class="row">
      <div class="col-md-6">
        <div class="faq">
          {volist name="help" id="vo"}
          <div class="single-item">
            <h4>{$vo['key']}</h4>
            <div class="content">{$vo['val']}</div>
          </div>
          {/volist}
        </div>
      </div>
      <div class="col-md-6">
        <div class="faq-img text-center">
          <img src="/static/web/img/fag-img.png" alt="faq" />
        </div>
      </div>
    </div>
  </div>
</div>
{/block} {block name='js'}
<script>
  $(".nav-active-0").addClass("current-menu-item");
</script>
{/block}
